@import "partials/mixins";
@import "partials/flex";
@import "partials/base";
@import "partials/utilities";
html {
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden;
}

@font-face {
    font-family: 'simkai';
    src: url('./楷体_GB2312.ttf?667mdy') format('truetype');
}

@font-face {
    font-family: 'Georgia';
    src: url('./Georgia.ttf?667mdy') format('truetype');
}

@font-face {
    font-family: 'times';
    src: url('./times.ttf?667mdy') format('truetype');
}

body {
    -webkit-text-size-adjust: none;
    width: 100%;
    height: 100%;
    margin: auto;
    font-family: 'times', 'simkai';
    overflow: hidden;
    color: #fff;
    font-size: 12px;
}

input,
button {
    font-family: 'times', 'simkai';
    font-size: 12px;
}

#app {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

* {
    box-sizing: border-box;
}

.scroll-absolute {
    position: relative;
    overflow: hidden;
    >div {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: auto;
    }
}